<section class="content-section-column">
  <button lv-button style="width: 130px" (click)="loading = !loading">Toggle Loading</button>

  <lv-loading [lvLoading]="loading">
    <div style="border: 1px solid grey; padding: 8px; color: grey">
      <p>loading text loading text loading text...</p>
      <p>loading text loading text loading text...</p>
      <p>loading text loading text loading text...</p>
      <p>loading text loading text loading text...</p>
      <p>loading text loading text loading text...</p>
    </div>
  </lv-loading>

  <lv-loading [lvLoading]="loading">
    <lv-datatable #lvTable [lvData]="data">
      <thead>
      <tr>
        <th>Name</th>
        <th>Age</th>
        <th>Address</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let data of lvTable.renderData">
        <td>{{ data.name }}</td>
        <td>{{ data.age }}</td>
        <td>{{ data.address }}</td>
      </tr>
      </tbody>
    </lv-datatable>
  </lv-loading>
</section>
